<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在网页中插入超链接</title>
    <style>
        /* 更改背景色为pink  */
        * {
                background-color: pink;
            }
            
        body a {
            /* 去除超链接下面的下划线 */
            text-decoration: none;
            /* 定义文本大小为50px  */
            font-size: 50px;
            /* 定义文本颜色为绿色 */
            color: green;
        }
        /* 定义链接图片的大小 */
        body a img {
            width: 250px;
            height: 100px;
        }
    </style>
</head>
<body>
    <!-- href: 填写所要链接的地址 -->
    <!-- target: 只可填写两种
            1. -self: 在原来窗口上打开,即链接的窗口替换掉原来的窗口
            2.-blank: 在原来窗口的基础上,保留原来窗口新建窗口打开 -->
    <!-- br: 强制换行标签 -->
    <!-- 为文字"哔哩哔哩主页,原来窗口打开."链接超链接地址为https://www.bilibili.com/ -->
    <a href="https://www.bilibili.com/" target="-self">哔哩哔哩主页，原来窗口打开。 </a><br>
    <a href="https://www.bilibili.com/" target="-blank">哔哩哔哩主页，新建窗口打开。 </a><br>
    <!-- 图片链接采用链接套图片的方式 -->
    <a href="https://www.bilibili.com/"><img src="bilibili.png" alt="图片丢失" title="bilibili网站"></a>
</body>
</html>